<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/product-style.css"/>
	</head>
	<body>
		<div class="web">
			<!--头部-->
			<header>
				<div class="top">
					<div class="main">
						<span>全国服务热线：400-000-0000</span>
						<div class="fr">
							<a href="">设置首页</a>
							<a href="">添加收藏</a>
						</div>
						<div class="clear"></div>
					</div>
				</div>
				<nav>
					<div class="nleft fl">
						<span class="logo">
							<img src="img/logo.png"/>
						</span>
						<div class="logotitle">
							<p id="lt1">TK科技有限公司</p>
							<p id="lt2">cer dcd keo Holdings Co., Ltd.</p>
						</div>
						<div class="clear"></div>
					</div>
					<div class="nright fr">
						
						<ul>
							<li id="index" class="active">
								<a href="index.html">
									<p>首页</p>
									<p>Home</p>
								</a>
							</li>
							
							<li id="about">
								
								<a href="">
									<p>关于我们</p>
									<p>About</p>
								</a>
							</li>
							<li id="product">
								<a href="product.html">
									<p>产品中心</p>
									<p>Products</p>
								</a>
							</li>
							<li id="serve">
								<a href="">
									<p>服务支持</p>
									<p>Service</p>
								</a>
							</li>
							<li id="news">
								<a href="">
									<p>新闻中心</p>
									<p>News</p>
								</a>
							</li>
							<li id="shop">
								<a href="detail.html">
									<p>在线商店</p>
									<p>Shop</p>
								</a>
							</li>
							<li id="contact">
								<a href="">
									<p>联系我们</p>
									<p>Contact Us</p>
								</a>
							</li>
						</ul>
					</div>
					<div class="clear"></div>
				</nav>
			</header>
			<div class="bigpic">
				<a href="">
					<img src="img/product-pic.png"/>
				</a>
			</div>
			
			<div class="product-content">
				<div class="product-top">
					<p><a href="index.html">首页</a> > 新品发布</p>
				</div>
				<div class="product-series">
					<a href="">
						<div class="series1 fl seriesactive">
							<p>百万高清系列</p>
							<div class="series-pic">
								<img src="img/product-pic2.png"/>
							</div>
						</div>
					</a>
					<a href="">
						<div class="series2 fl seriesnormal">
							<p>标清系列</p>
							<div class="series-pic">
								<img src="img/product-pic2.png"/>
							</div>
						</div>
					</a>
					<a href="">
						<div class="series3 fl seriesnormal">
							<p>户外防水系列</p>
							<div class="series-pic">
								<img src="img/product-pic2.png"/>
							</div>
						</div>
					</a>
					<a href="">
						<div class="series4 fl seriesnormal">
							<p>室内系列</p>
							<div class="series-pic">
								<img src="img/product-pic2.png"/>
							</div>
						</div>
					</a>
					<div class="clear"></div>
				</div>
				<div class="product-search">
					<div class="product-search-box">
						
							<form action="" method="post">
								<input class="fl" placeholder="搜索产品" id="product-search" type="search" name="search" value=""/>
								<div class="search-bg fl">
									<input type="image"  src="img/product-search.png"/>
								</div>
								<input type="submit" hidden/>
								<div class="clear"></div>
							</form>
						
					</div>
				</div>
				<div class="product-box">
					<div class="product-itemlist">
						<a href="detail.html">
							<div class="product-item">
								<div class="product-pic">
									<img src="img/product-list-pic1.PNG"/>
								</div>
								<p>S6202Y-WR</p>
								<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
							</div>
						</a>
						<a href="detail.html">
							<div class="product-item">
								<div class="product-pic">
									<img src="img/product-list-pic2.png"/>
								</div>
								<p>S6223Y-WR</p>
								<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
							</div>
						</a>
						<a href="detail.html">
							<div class="product-item">
								<div class="product-pic">
									<img src="img/product-list-pic3.png"/>
								</div>
								<p>S6208Y-WR</p>
								<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
							</div>
						</a>
						<a href="detail.html">
							<div class="product-item">
								<div class="product-pic">
									<img src="img/product-list-pic4.png"/>
								</div>
								<p>S6211Y-WR</p>
								<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
							</div>
						</a>
						<a href="detail.html">
							<div class="product-item">
								<div class="product-pic">
									<img src="img/product-list-pic5.png"/>
								</div>
								<p>S6262Y-WR</p>
								<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
							</div>
						</a>
						<a href="detail.html">
							<div class="product-item">
								<div class="product-pic">
									<img src="img/product-list-pic6.png"/>
								</div>
								<p>S6256Y-WR</p>
								<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
							</div>
						</a>
						<a href="detail.html">
							<div class="product-item">
								<div class="product-pic">
									<img src="img/product-list-pic7.png"/>
								</div>
								<p>S6202Y-WR</p>
								<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
							</div>
						</a>
						<a href="detail.html">
							<div class="product-item">
								<div class="product-pic">
									<img src="img/product-list-pic8.png"/>
								</div>
								<p>S6202Y-WR</p>
								<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
							</div>
						</a>
						<a href="detail.html">
							<div class="product-item">
								<div class="product-pic">
									<img src="img/product-list-pic9.png"/>
								</div>
								<p>S6202Y-WR</p>
								<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
							</div>
						</a>
						<div class="clear"></div>
					</div>
					<div class="product-link">
						<a href="">
							<div class="link-prev">
								<p>上一页</p>
							</div>
						</a>
						
							<div class="link-number">
								<a href="">
									<p class="link-active">1</p>
								</a>
								<a href="">
									<p>2</p>
								</a>
								<a href="">
									<p>3</p>
								</a>
								<a href="">
									<p>4</p>
								</a>
								<a href="">
									<p>5</p>
								</a>
								<a href="">
									<p>6</p>
								</a>
							</div>
						
						<a href="">
							<div class="link-next">
								<p>下一页</p>
							</div>
						</a>
						<div class="clear"></div>
					</div>
				</div>
				
			</div>
			
			<footer>
				<div class="footer1">
					<p> 关注我们：
						<a href="">
							<img src="img/footer-pic1.png"/>
						</a>
						<a href="">
							<img src="img/footer-pic2.png"/>
						</a>
						<a href="">
							<img src="img/footer-pic3.png"/>
						</a>
					</p>
					<p>
						<a href="">网站首页·</a>   
						<a href="">新闻动态·</a>   
						<a href="">关于我们·</a>   
						<a href="">团队风采·</a>   
						<a href="">联系我们·</a>   
						<a href="">在线留言</a>
					</p>
				</div>
				<div class="footer2">
					<p> ©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved</p>
				</div>
			</footer>
		</div>
	</body>
</html>
